<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <!--首页展示样式-->
  <link rel="stylesheet" th:href="@{/css/adminlte.css}" type="text/css">
  <!--css样式引入-->
  <head th:replace="admin/common::head-fragment"></head>

  <body>
    <!--左边工具栏-->
    <nav th:replace="~{admin/common::navbar-fragment(active='index.html')}"></nav>

    <div class="page">
      <!--顶部导航栏-->
      <header th:replace="admin/common::topbar-fragment"></header>

        <div class="container-fluid">
          <div class="card-header">
            <h3 class="card-title">管理首页</h3>
          </div>
          <div class="row" style="margin-top: 40px;border-top:0px;">
            <div class="col-lg-4 col-6">
              <!-- small box -->
              <div class="small-box bg-info">
                <div class="inner">
                  <h3>新增博客</h3>

                  <p>记心中所想</p>
                </div>
                <div class="icon">
                  <i class="fa fa-pencil-square-o"></i>
                </div>
                <a th:href="@{/admin/edit}" class="small-box-footer">let's go <i
                        class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-4 col-6">
              <!-- small box -->
              <div class="small-box bg-success">
                <div class="inner">
                  <h3 th:text="${countBlog}"></h3>

                  <p>总文章数</p>
                </div>
                <div class="icon">
                  <i class="fa fa-list-alt"></i>
                </div>
                <a th:href="@{/admin/blogs}" class="small-box-footer">More info <i
                        class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-4 col-6">
              <!-- small box -->
              <div class="small-box bg-primary">
                <div class="inner">
                  <h3 th:text="${commentTotal}"></h3>

                  <p>收到评论数</p>
                </div>
                <div class="icon">
                  <i class="fa fa-comments"></i>
                </div>
                <a th:href="@{/admin/comments}" class="small-box-footer">More info <i
                        class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-4 col-6">
              <!-- small box -->
              <div class="small-box bg-warning">
                <div class="inner">
                  <h3 th:text="${countCategory}"></h3>

                  <p>分类数量</p>
                </div>
                <div class="icon">
                  <i class="fa fa-bookmark"></i>
                </div>
                <a th:href="@{/admin/category}" class="small-box-footer">More info <i
                        class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-4 col-6">
              <!-- small box -->
              <div class="small-box bg-danger">
                <div class="inner">
                  <h3 th:text="${countTag}"></h3>

                  <p>标签总量</p>
                </div>
                <div class="icon">
                  <i class="fa fa-tags"></i>
                </div>
                <a th:href="@{/admin/tag}" class="small-box-footer">More info <i
                        class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-4 col-6">
              <!-- small box -->
              <div class="small-box bg-dark">
                <div class="inner">
                  <h3>0</h3>

                  <p>友情链接</p>
                </div>
                <div class="icon">
                  <i class="fa fa-heart"></i>
                </div>
                <a href="#" class="small-box-footer">More info <i
                        class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div>
            <!-- ./col -->
          </div>
        </div><!-- /.container-fluid -->
    </div>
    <!--底部-->
    <footer th:replace="admin/common::footer-fragment"></footer>
    <!--javascript-->
    <div th:replace="admin/common::JavaScript-fragment"></div>

  </body>
</html>